#### Atom编辑器使用ESlint即时检验代码
只需要安装 [linter-eslint](https://atom.io/packages/linter-eslint) 插件，默认情况下，eslint会检测当前项目目录下的 .eslintrc.* 文件。若有，ESlint将会启动检测。如果想全局使用ESlint将要配置插件。

![linter-eslint截图](//api.joriscai.cn/uploads/articleImg/2017-08-19/4a6a1656212f6c7874fa94c4043e1f4f.png "linter-eslint截图")
*截图来自[linter-eslint](linter-eslint)*


#### ESlint配置
有三种方法可以配置ESLint:
    >* 使用.eslintrc.*文件（ 支持JSON和YAML两种语法）
    >* 在package.json中添加eslintConfig配置块
    >* 使用JavaScript注释直接把配置嵌入到文件中

ESLint规则的设置具体格式如下：
```shell
 {
     `root: true,`
     parser: 'babel-eslint',
     parserOptions: {
         sourceType: 'module'
     },
     env: {
         browser: true,
     },
     extends: "eslint:recommended",   // 表示使用默认的规则进行校验,需要安装eslint-config-**插件，否则会报错。
     plugins: [
         'html'
     ],
     'rules': {
         "quotes": "error"
     }
     #第一部分是规则名
     #第二部分包含：
     规则的严重性(rule severity)
     "off"
     or 0 - turn the rule off 不验证 "warn"
     or 1 - turn the rule on as a warning(doesn’ t affect exit code) 警告 "error"
     or 2 - turn the rule on as an error(exit code is 1 when triggered) 错误
     （ 如有） 规则的选项(additional options)
     "quotes": [2, "double"]
} 
```

代码中使用ESlint：
```shell
文件中关闭验证
/* eslint-disable */
//suppress all warnings between comments
alert('foo');
/* eslint-enable */

文件中指定规则不验证（指定禁止no-alert,no-console规则）
/* eslint-disable no-alert, no-console */
alert('foo');
console.log('bar');
/* eslint-enable no-alert */

单行方式：
alert('foo'); // eslint-disable-line

// eslint-disable-next-line
alert('foo');

单行并指定禁用的规则：
alert('foo'); // eslint-disable-line no-alert, quotes, semi

// eslint-disable-next-line no-alert, quotes, semi
alert('foo');
```

更多配置方式，查看 http://eslint.org/docs/user-guide/configuring <br/>
更多检验规则，查看 http://eslint.org/docs/rules/ <br/>
更多配置插件，查看 https://www.npmjs.com/search?q=eslint-config-

*有问题，欢迎交流！*[516003559@qq.com](mailto:516003559@qq.com)